草庐IT

jQuery UI 实例 - 部件库(Widget Factory)

全部标签

javascript - Gridstack:将小部件从一个网格拖到另一个嵌套的网格中

我正在尝试创建此行为,但不确定Gridstack是否支持它。我有3个Gridstack网格:Grid1、Grid2和Grid3。Grid1是一个独立的网格,Grid3嵌套在Grid2中。我需要能够将小部件从Grid1拖到Grid2(外部网格)和Grid3(嵌套网格)中。按照示例,我能够在2个顶级网格之间拖动小部件并创建嵌套网格,但不能将这2个组合在一起。如果支持-任何指针都将不胜感激。注意:将代码段展开到全屏$(document).ready(function(){$('.grid-stack').gridstack();});.grid-stack{background:lightg

javascript - JavaScript UI 小部件的框架?

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。我正在尝试将JavaScriptUI小部件框架列表放在一起以供在项目中考虑。理想情况下,它将是一个具有一系列现成的ui小部件的库,不依赖于dom/js扩展/操作框架(如JQuery或Prototype),最少的附加内容,如AjaxAPI和DOM选择器等。这是我目前所拥有的:qooxdoo,脚本客户端ExtJs谁能推荐其他值得一看的?请不要建议,JQuer

javascript - 扩展 jquery ui 小部件 - 如何访问父事件

我正在尝试创建一个扩展自ui.slider的jQuery小部件.我想要一个在“幻灯片”事件上执行的自定义方法。我尝试像正常使用slider小部件一样覆盖父项的选项,但我遇到了可变范围的问题:$.widget("ui.myslider",$.ui.slider,{_create:function(){this.foo="bar";//Outputs"bar"this._mySlide();//Outputs"undefined"whentriggeredthis.options.slide=this._mySlide;$.ui.slider.prototype._create.apply

javascript - 使用自定义原型(prototype)实例化 JavaScript 函数

我使用以下函数根据参数数组在JavaScript中创建函数实例:varinstantiate=function(instantiate){returnfunction(constructor,args,prototype){"usestrict";if(prototype){varproto=constructor.prototype;constructor.prototype=prototype;}varinstance=instantiate(constructor,args);if(proto)constructor.prototype=proto;returninstance;

javascript - 实例函数变量是不是变了?

我试图在函数运行后控制变量fullName,但它没有改变值,只是控制默认值NotSet,这是为什么?functionTest(){this.clientData={fullName:"NotSet",setUserName:function(firstName,lastName){this.fullName=firstName+""+lastName;},getUserInput2:function(firstName,lastName,callback){callback(firstName,lastName);}};this.getUserInput1=function(first

javascript - 与 Web 小部件通信 - Meteor、React、Node

我正在构建一个聊天仪表板和小部件,客户应该能够将小部件放入他们的页面中。一些类似的例子是Intercom或Drift.目前,“主”应用程序是用Meteor.js编写的(它的前端是React)。我写了一个组件并将其放入/widget中目录。在这个目录中,我还有一个index.jsx文件,其中仅包含以下内容:importReactfrom'react';import......ReactDOM.render(,document.getElementById('widget-target'));然后我设置一个webpack配置,入口点在index.jsx当webpack运行时吐出一个bund

javascript - Module.export-ing 一个新实例

如果我像这样将对象附加到Node中的module.exports对象:module.exports=newObject()我的应用程序中的每个object=require('./Object')会创建该对象的一个​​新实例,还是会创建对一个实例的引用? 最佳答案 require()缓存它执行的文件。您第一次require('./Object')时,它将运行您的代码并将导出的对象放入require.cache。后续调用将立即返回缓存的对象。你可以自己从缓存中删除你的模块,或者使用getter,但这些都是坏主意。

javascript - 在 AngularJS 中实例化和初始化 Controller

我在使用Angular实例化Controller时遇到问题。我有一个主ControllerAlkeTypeDefListController,我想从中动态创建/删除AlkeTypeDefController类型的Controller,所以我这样做了:AlkeTypeDefListController代码://CreatemaincontrollerAlke.controller('AlkeTypeDefListController',['$scope','$controller',function($scope,$controller){varprimitives=[];//Addso

javascript - TypeScript - 如何从事件处理程序方法访问类实例

在下面的代码片段中,我有一个TypeScript类,实例方法buz是Canvas的click事件的监听器。buz方法中的this关键字是指事件的目标对象(canvas)。如何从buz方法访问foo实例?classFoo{constructor(private_canvas:HTMLCanvasElement,private_message:string){}publicbar():void{this._canvas.addEventListener(`click`,this.buz);}privatebuz(e:MouseEvent):void{console.info(`Afterc

javascript - JSX 与组件类实例化

有人可以向我解释以下两个陈述之间的区别吗?lettest1=newCustomComponent();和lettest2=调试器是Chrome给我的:fortest1CustomComponent{props:undefined,context:undefined,refs:Object,updater:Object,state:Object…}fortest2Object{$$typeof:Symbol(react.element),key:null,ref:null,props:Object,type:function…}我如何从test1类型的变量中获取test2类型的变量?